<template>
  <div
    :class="[uni_form_uni_comp_default_cla, css_wind_light]"
    :id="uni_form_uni_comp_default_cla + id_split + uni_comps_keyVal_span_tag"
    :setting_key="uni_comps_keyVal_span_tag"
  >
    <!-- 用于 接收 节点 值 -->
    <keyVal_node
      :for_form="newFloat_settings_form"
      :id="uni_comps_keyVal_span_tag"
    ></keyVal_node>

    <span class="unf_tag_describe"> 名 </span>
    <div
      :class="uni_form_uni_comp_unf_keyVal_o_cla"
      :id="
        uni_form_uni_comp_unf_keyVal_o_cla +
        id_split +
        uni_comps_keyVal_span_tag
      "
    >
      <input
        type="text"
        class="keyVal_input"
        :id="'keyVal_input' + id_split + uni_comps_keyVal_span_tag"
        placeholder="新标签"
      />
    </div>
  </div>
</template>

<script setup>
import { onMounted } from 'vue';
import './uni_ns_form_span_tag.css';
import { init_unfs } from './uni_ns_form_span_tag';
import { id_split } from '../../../../DataDefine/sourceData';
import {
  uni_form_uni_comp_default_cla,
  uni_comps_keyVal_span_tag,
  uni_form_uni_comp_unf_keyVal_o_cla,
  newFloat_settings_form,
} from '../../DataDefine/sourceData';
import { css_wind_light } from '../../../../../DataDefine/sourceData';
onMounted(() => {
  init_unfs();
});
</script>

<style scoped lang="scss"></style>

<style></style>
